<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>04_属性绑定</title>
    <!--1、引入vue.js-->
    <script src="./js/vue.js"></script>

</head>
<body>
    <!--2、编写div元素-->
    <div id="app">
        <a :href='url'>跳转到百度页面</a> <!--“v-bind”可简写为“：”，例：a :href='url'==a v-bind:href='url'-->
        <!--<input type="text" v-model="uName" />-->
        <h1 v-bind:style="style">通过vue来给标签添加class属性</h1>
        
    </div>
    <!--3、编写vue实例-->
    <script>
        const vm = new Vue({
            el:'#app',
            data:{
                url:'http://baidu.com',
                style:{
                    //设置字体大小
                    fontSize:"30px",
                    color:"pink",
                }
            },
        })
    </script>
</body>
</html>